<#assign contextPath=rc.contextPath/> <#include
"/common/__context.html"/> <#assign pageTitle="VIGOR"/> <#assign
pageBreadCrumbs>
<li class="active">在线课程</li>
</#assign> <#assign currentMenu="menu21-menu22"/>
<script src="${contextPath}/static/js/jquery.dataTables.js"></script>
<script src="${contextPath}/static/js/jquery.dataTables.bootstrap.js"></script>
<script type="text/javascript">
	function retrieveData(result) {
		alert(result)
	}

	function loadUrl(url) {
		$("#pageContext").load(url).hide().fadeTo(1000, 1);
	}
</script>

<@mainContext pageTitle=pageTitle pageBreadCrumbs=pageBreadCrumbs
currentMenu=currentMenu>
<div id="messageBox"></div>
<form id="course-search-form" class="form-inline well well-sm" action=""
	method="get" novalidate="">
	<div class="form-group">
		<select style="max-width: 150px;" class="form-control"
			name="categoryId">
			<option value="">课程分类</option>
		</select>
	</div>
	<div class="form-group">
		<select class="form-control" name="status">
			<option value="">课程状态</option>
			<option value="draft">未发布</option>
			<option value="published">已发布</option>
			<option value="closed">已关闭</option>
		</select>
	</div>
	<div class="form-group">
		<input class="form-control" type="text" placeholder="标题" name="title"
			value="">
	</div>
	<div class="form-group">
		<input class="form-control" type="text" placeholder="创建者"
			name="creator" value="">
	</div>
	<button class="btn btn-sm btn-success">搜索</button>

	<button class="btn btn-info btn-sm pull-right" data-url="" onclick="loadUrl('${contextPath}/course/create');">
		<i class="fa fa-plus"></i>创建课程
	</button>
</form>
<!-- pageContent BEGAIN -->
<div class="row">
	<div class="col-xs-12">
		<!-- PAGE CONTENT BEGINS -->
		<div class="row">
			<div class="col-xs-12">
				<div>
					<table id="course-table" class="table table-striped table-hover">
						<thead>
							<tr>
								<th class="center">编号</th>
								<th>名称</th>
								<th class="hidden-480"><i
									class="ace-icon fa fa-bar-chart-o bigger-110 hidden-480"></i>学员数</th>
								<th>售价(元)</th>
								<th class="hidden-480">状态</th>
								<th><i class="ace-icon fa fa-user bigger-110 hidden-480"></i>
									创建者</th>
								<th>操作</th>
							</tr>
						</thead>

						<tbody>
							<tr>
								<td class="center">1</td>
								<td><a href="/edusoho/web/course/1" target="_blank"><strong>如何成为一名合格的程序员</strong></a>
									<br> <span class="text-muted text-sm">分类：--</span></td>
								<td class="hidden-480">88</td>
								<td class="red">5.0</td>
								<td class="hidden-480"><span
									class="label label-sm label-success">已发布</span></td>
								<td><a href="javascript:;" role="show-user"
									data-toggle="modal" data-target="#modal"
									data-url="http://localhost:9999/edusoho/web/admin/user/1">熊先生</a>

									<br> <span class="text-muted text-sm">2014-12-24
										21:32</span></td>
								<td>
									<div class="btn-group">
										<a class="btn btn-sm btn-white" href="#"
											onclick="loadUrl('${contextPath}/course/manager/1');"
											target="">管理</a>
										<button data-toggle="dropdown"
											class="btn btn-sm btn-white dropdown-toggle"
											aria-expanded="false">
											<i class="ace-icon fa fa-angle-down icon-only"></i>
										</button>
										<ul class="dropdown-menu pull-right">

											<li><a class="recommend-course" href="#modal"
												data-toggle="modal" data-url=""><span
													class="glyphicon glyphicon-hand-up"></span> 推荐课程</a></li>


											<li><a href="/edusoho/web/course/1?previewAs=guest"
												target="_blank"><span
													class="glyphicon glyphicon-eye-open"></span> 预览：作为未购买用户</a></li>
											<li><a href="/edusoho/web/course/1?previewAs=member"
												target="_blank"><span
													class="glyphicon glyphicon-eye-open"></span> 预览：作为已购买用户</a></li>

											<li class="divider"></li>

											<li><a class="close-course" href="javascript:"
												data-url="/edusoho/web/admin/course/1/close"><span
													class="glyphicon glyphicon-ban-circle"></span> 关闭课程</a></li>


											<li class="divider"></li>

											<li><a class="delete-course" href="javascript:"
												data-url="/edusoho/web/admin/course/1/delete"><span
													class="glyphicon glyphicon-trash"></span> 删除课程</a></li>
										</ul>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center">2</td>
								<td><a href="/edusoho/web/course/1" target="_blank"><strong>营销大师第一课</strong></a>
									<br> <span class="text-muted text-sm">分类：营销课堂</span></td>
								<td class="hidden-480">10</td>
								<td class="red">8.0</td>
								<td class="hidden-480"><span
									class="label label-sm label-light">未发布</span></td>
								<td><a href="javascript:;" role="show-user"
									data-toggle="modal" data-target="#modal"
									data-url="http://localhost:9999/edusoho/web/admin/user/1">熊先生</a>

									<br> <span class="text-muted text-sm">2014-12-24
										21:32</span></td>
								<td>
									<div class="btn-group">
										<a class="btn btn-sm btn-white" href="" target="_blank">管理</a>
										<button data-toggle="dropdown"
											class="btn btn-sm btn-white dropdown-toggle"
											aria-expanded="false">
											<i class="ace-icon fa fa-angle-down icon-only"></i>
										</button>
										<ul class="dropdown-menu pull-right">

											<li><a class="recommend-course" href="#modal"
												data-toggle="modal" data-url=""><span
													class="glyphicon glyphicon-hand-up"></span> 推荐课程</a></li>


											<li><a href="/edusoho/web/course/1?previewAs=guest"
												target="_blank"><span
													class="glyphicon glyphicon-eye-open"></span> 预览：作为未购买用户</a></li>
											<li><a href="/edusoho/web/course/1?previewAs=member"
												target="_blank"><span
													class="glyphicon glyphicon-eye-open"></span> 预览：作为已购买用户</a></li>

											<li class="divider"></li>

											<li><a class="publish-course" href="javascript:"
												data-url="/edusoho/web/admin/course/2/publish"><span
													class="glyphicon glyphicon-ok-circle"></span> 发布课程</a></li>


											<li class="divider"></li>

											<li><a class="delete-course" href="javascript:"
												data-url="/edusoho/web/admin/course/1/delete"><span
													class="glyphicon glyphicon-trash"></span> 删除课程</a></li>
										</ul>
									</div>
								</td>
							</tr>

							<tr>
								<td class="center">3</td>
								<td><a href="/edusoho/web/course/1" target="_blank"><strong>Oracle高级编程第一课</strong></a>
									<br> <span class="text-muted text-sm">分类：Oracle</span></td>
								<td class="hidden-480">88</td>
								<td class="red">30.0</td>
								<td class="hidden-480"><span
									class="label label-sm label-warning">已关闭</span></td>
								<td><a href="javascript:;" role="show-user"
									data-toggle="modal" data-target="#modal"
									data-url="http://localhost:9999/edusoho/web/admin/user/1">熊先生</a>

									<br> <span class="text-muted text-sm">2014-12-24
										21:32</span></td>
								<td>
									<div class="btn-group">
										<a class="btn btn-sm btn-white" href="" target="_blank">管理</a>
										<button data-toggle="dropdown"
											class="btn btn-sm btn-white dropdown-toggle"
											aria-expanded="false">
											<i class="ace-icon fa fa-angle-down icon-only"></i>
										</button>
										<ul class="dropdown-menu pull-right">

											<li><a class="recommend-course" href="#modal"
												data-toggle="modal" data-url=""><span
													class="glyphicon glyphicon-hand-up"></span> 推荐课程</a></li>


											<li><a href="/edusoho/web/course/1?previewAs=guest"
												target="_blank"><span
													class="glyphicon glyphicon-eye-open"></span> 预览：作为未购买用户</a></li>
											<li><a href="/edusoho/web/course/1?previewAs=member"
												target="_blank"><span
													class="glyphicon glyphicon-eye-open"></span> 预览：作为已购买用户</a></li>

											<li class="divider"></li>

											<li><a class="publish-course" href="javascript:"
												data-url="/edusoho/web/admin/course/2/publish"><span
													class="glyphicon glyphicon-ok-circle"></span> 发布课程</a></li>


											<li class="divider"></li>

											<li><a class="delete-course" href="javascript:"
												data-url="/edusoho/web/admin/course/1/delete"><span
													class="glyphicon glyphicon-trash"></span> 删除课程</a></li>
										</ul>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
					<#include "/common/__pagination.html"/> <@pagination
					totalCounts=400 pageSize=10 totalPages=40
					searchForm="course-search-form"
					actionUrl="${contextPath}/course/list"/>
				</div>
			</div>
		</div>
		<!-- PAGE CONTENT ENDS -->
	</div>
	<!-- /.col -->
</div>
<!-- pageContent END -->
</@mainContext>
